<template>
    <div>
        <el-container>
            <el-header><!-- 头部区域 -->
                <div style="height: 60px; line-height: 60px; background-color: while; margin-bottom: 2px;">
                    <img alt="" src="../assets/logo.jpg" style="width: 50px; position: relative; top: 10px; left: 20px;">
                    <span style="margin-left: 25px; font-size: 24px; ">日月昇后台管理系统</span>
                </div>
            </el-header>
            <el-container>
                <el-aside width="200px"><!-- 侧边栏导航 -->
                    <div style="width: 200px; min-height:calc(100vh - 62px); overflow: hidden; margin-right: 2px;background-color: white;">
                        <el-menu :default-active="$route.path" class="el-menu-demo" router>
                            <el-menu-item index="/systemadminhome">
                                <i class="el-icon-eleme"></i>
                                <span>首页</span>
                            </el-menu-item>
<!--                            <el-submenu index="clothes">-->
<!--                                <template slot="title"><i class="el-icon-setting"></i>衣物信息管理</template>-->
<!--                                <el-menu-item index="/clothes/material">衣物材质管理</el-menu-item>-->
<!--                                <el-menu-item index="/wash/kind">洗衣方式管理</el-menu-item>-->
<!--                                <el-menu-item index="/clothes/kind">衣物种类管理</el-menu-item>-->
<!--                                <el-menu-item index="/step">洗衣步骤管理</el-menu-item>-->
<!--                            </el-submenu>-->
                            <el-menu-item index="/systemadmin/desk">
                                <i class="el-icon-medal"></i>
                                <span>餐桌管理</span>
                            </el-menu-item>
                            <el-menu-item index="/systemadmin/caipin">
                                <i class="el-icon-medal"></i>
                                <span>菜品管理</span>
                            </el-menu-item>
                            <el-menu-item index="/systemadmin/order" :route="{path: '/systemadmin/order',  query:{state:1}}">
                                <i class="el-icon-medal"></i>
                                <span>订单</span>
                            </el-menu-item>
                            <el-submenu index="worker">
                                <template slot="title"><i class="el-icon-user"></i>工作人员管理</template>
                                <el-menu-item index="/manage/receptionadmin">前台</el-menu-item>
                                <el-menu-item index="/manage/waiteradmin">服务员</el-menu-item>
                                <el-menu-item index="/manage/chefadmin">厨师</el-menu-item>
                            </el-submenu>
                            <el-menu-item index="/news">
                                <i class="el-icon-medal"></i>
                                <span>日月昇饭店新闻管理</span>
                            </el-menu-item>
                        </el-menu>
                    </div>
                </el-aside>
                <el-main>
                    <div style="background-color: white;">
                        <router-view/>
                    </div>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
    export default {
        name: "SystemAdminLayout"
    }
</script>

<style scoped>

</style>